<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<!--table:表格标签

 rowspan: 跨行
 colspan：跨列

  1.先确定跨行还是跨列
  2.确定占有多少列
  3.如果跨行保留最上，如果跨列保留最左

thead
tbody
tfoot
这三个标签只是语义化标签，方便编码人员查看的，对用户而言，用不用都不会文档结构
-->
<table border="1">
  <thead>
    <tr>
<!--      th： table header 表头-->
      <th colspan="5">表头</th>
<!--      <th>表头</th>-->
<!--      <th>表头</th>-->
<!--      <th>表头</th>-->
<!--      <th>表头</th>-->
    </tr>
  </thead>
<!--  tr: table row 表格一行-->
  <tbody>
  <tr>
<!--    td：table data 表格的数据-->
    <td>&nbsp;</td>
    <td>诺基</td>
    <td>弗洛尔</td>
    <td>艾拉</td>
    <td>胡安</td>
  </tr>
  <tr>
    <td>品种</td>
    <td>杰克罗斯犬</td>
    <td>贵宾犬</td>
    <td>流浪犬</td>
    <td>可卡犬</td>
  </tr>
  <tr>
    <td>年龄</td>
    <td>16</td>
    <td>9</td>
    <td>10</td>
    <td>5</td>
  </tr>
  <tr>
    <td>主人</td>
    <td>岳母</td>
    <td>我</td>
    <td>我</td>
    <td>嫂子</td>
  </tr>
  <tr>
    <td>饮食习惯</td>
    <td>吃掉所有人的剩菜</td>
    <td>啃咬食物</td>
    <td>吃得多</td>
    <td>吃到爆炸为止</td>
  </tr>
  </tbody>
  <tfoot>





  </tfoot>
</table>





</body>
</html>